/*
element-plus的样式重写*/

/*
弹窗重写*/
.el-dialog{
  .el-dialog__header{
    border-bottom: 1px solid #e5e5e5;
    margin-right: 0;
    padding-top:12px;

    .el-dialog__title{
      font-size: 15px;
    }

    .el-dialog__headerbtn{
      width: 36px;
      height: 36px;
      right: 10px;
    }
  }

  /*底部按钮居中*/
  .el-dialog__footer{
    text-align: center;
  }
}

/*
表格重写*/
.el-table{
  .el-table__header{
    th.el-table__cell{
      background-color: #f5f7fa;
      color: #333333;
      font-size: 14px;
      font-weight: 500;
    }
  }
  .el-table__body{
    .cell{
      font-size: 12px;
      color: #666666;
    }
  }

}

/*
下拉框*/
.el-select-dropdown{
  /*限制下拉框弹出的最大宽度*/
  max-width: 400px;
}

/*
卡片样式*/
.el-card{
  &.main-card{
    border:none;
  }
}

/*
按钮样式*/
.el-button{
  &.is-link, &.el-button--text{
    &:focus{
      color: var(--el-color-primary);
    }
  }
  &.el-button--primary:focus{
    border-color: var(--el-color-primary);
    background-color: var(--el-color-primary);
  }

  /*相邻文字链接按钮的间距*/
  &.is-link+.el-button.is-link{
    margin-left: 5px;
  }
}

/*
菜单重写*/
.el-menu{
  .el-menu-item{
    &.is-active{
      //background-color:var(--el-menu-hover-bg-color);
    }
  }
}

/*重写messageBox的confirm消息提示框底部按钮的位置*/
.el-message-box{
  .el-message-box__btns{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;

    .el-button {
      margin-left: 10px;
      margin-right: 0;
    }
  }
}